<!--<nz-card [nzBordered]="false">
    <form nz-form se-container="1" size="compact" gutter="32" [labelWidth]="null">

        <div class="ant-form ant-form-inline">
            <nz-form-item>
                <nz-form-control>
                    <input nz-input [(ngModel)]="param.houseAddress" id="addr" name="addr" placeholder="请输入楼栋地址">
                </nz-form-control>
            </nz-form-item>
            <nz-form-item>
                <nz-form-control>
                    <input nz-input [(ngModel)]="param.houseCode" id="code" name="code" placeholder="请输入楼栋编码">
                </nz-form-control>
            </nz-form-item>
          <nz-form-item>
            <nz-form-control>
              <button nz-button nzType="primary" (click)="this.searchData(1)">搜索</button>
            </nz-form-control>
          </nz-form-item>
        </div>
    </form>
</nz-card>
<nz-card class="wrap">
    <div class="houseList">
        <nz-card class="li" *ngFor="let item of items" (click)="openModal(item, modalHeader)">
            <p *ngIf="item.houseDredgeStatus === 1">已开通</p>
            <p *ngIf="item.houseDredgeStatus !== 1" style="color: red">未开通</p>
            <p>{{item.houseAddress}}</p>
            <h3>{{item.houseName}}</h3>
            <p>{{item.houseCode}}</p>
        </nz-card>
      <div *ngIf="items.length === 0" class="text-center width-100">
        <nz-empty ></nz-empty>
      </div>
    </div>
    <nz-pagination class="pages" [nzShowTotal]="totalTemplate" [(nzPageIndex)]="param.pageNum" [nzTotal]="param.total" (nzPageIndexChange)="searchData($event)" nzPageSize="20" [nzItemRender]="renderItemTemplate"></nz-pagination>
    <ng-template #renderItemTemplate let-type let-page="page">
        <a *ngIf="type === 'pre'">上一页</a>
        <a *ngIf="type === 'next'">下一页</a>
        <a *ngIf="type === 'page'">{{ page }}</a>
    </ng-template>
  <ng-template #totalTemplate let-total> 共 {{ total }} 条 </ng-template>
</nz-card>

<ng-template #modalHeader>
  <div class="d-flex">
    <div class="mr-lg">房屋信息-{{selectedData.houseName}}</div>
    <div class="mr-lg">房间总数<span class="px-md">{{selectedData.houseRooms}}</span></div>
    <div class="mr-lg">已登记住户数<span class="px-md">{{selectedData.houseRooms}}</span></div>
    <div class="mr-lg">关注人员数<span class="px-md">{{selectedData.houseRooms}}</span></div>
  </div>
</ng-template>-->
<section class="d-flex">
 <!-- <aside nz-col style="width: 280px">
    <app-left-tree maxLevel="5" (selectChange)="selectChange($event)"></app-left-tree>
  </aside>-->
  <div class="flex-1">
    <!-- <page-header></page-header> -->
    <!--<app-table-page #st [tmp]="tmp" [config]="config" (_selectChange)="selectChange($event)" (operateClick)="operate($event)">
      <ng-template #tmp>
        <button nz-button nzType="primary" (click)="editDic(0, {})">新增</button>
        <button nz-button nzType="danger" (click)="deleteDic()">删除</button>
      </ng-template>
    </app-table-page>-->
  </div>
</section>
